<template>
  <div class="user-logo logo">
    <router-link :to="{name:'exchangeOverview'}">
      <!-- <LogoSvg alt="logo" /> -->
      <!-- <img src="~@/assets/dataExchangeCenter/logo.png" style="width:21px;height:18px;margin-right: 7px;"/> -->
      <!-- <h1 class="title" v-if="showTitle">{{ title }}</h1> -->
      <img style="height: auto;width: 100%;" src="~@/assets/dataExchangeCenter/logo.png" alt="">
    </router-link>
  </div>
</template>

<script>
import LogoSvg from '@/assets/logo.svg?inline'

export default {
  name: 'Logo',
  components: {
    LogoSvg
  },
  props: {
    title: {
      type: String,
      default: '智慧溆浦·智慧医疗',
      required: false
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    }
  }
}
</script>
<style type="less">
  .user-logo{
    background:rgba(4,88,229,1)!important;
  }
  .title{
    color: #fff!important;
    font-size:15px!important;
  }
  .sider .logo h1{
    margin: 0!important;
  }
</style>